<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<meta http-equiv="X-UA-Compatible" content="IE-edge">
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<link rel="stylesheet" href="HOME_CSS/bootstrap.min.css">
	<link rel="stylesheet" href="HOME_CSS/base.css">
	<link rel="stylesheet" href="HOME_CSS/index.css">
	<link rel="stylesheet" type="text/css" href="HOME_CSS/animate.css">
	<style>

	</style>
</head>
<body>
		<!-- 头部导航栏 -->
<nav class="navbar navbar-default navbar-fixed-top" id="navHeight">
	<div class="nav-wrap" id="nav-wrap">
		<div class="container">
			<div class="navbar-header">
	            <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
	            	<span class="icon-bar"></span>
	            	<span class="icon-bar"></span>
	            	<span class="icon-bar"></span>
	            </button>
	            <a href="{:U('Index/index')}" class="navbar-brand"><img src="HOME_IMAGES/logo.png"></a>
			</div>
			<div class="navbar-collapse collapse" >
				<ul class="nav navbar-nav navbar-right">
				    <li><a href="{:U('Index/index')}" class="active">首页</a></li>
				    <li><a href="{:U('Index/about')}">关于我们</a></li>
				    <li><a href="{:U('Index/style')}">团队风采</a></li>
				    <li><a href="{:U('Index/news')}">新闻动态</a></li>
				    <li><a href="{:U('Index/contact')}">联系我们</a></li>
				</ul>
			</div> 
		</div>	
	</div>   
</nav>
<div id="carousel-example-generic" class="head-lbt carousel slide" data-ride="carousel">
     <!-- Indicators -->
	    <ol class="carousel-indicators">
	        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
	        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
	        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
	    </ol>

  <!-- Wrapper for slides -->
    <div class="carousel-inner lbt" role="listbox">
        <div class="item active">
            <a href=""><img src="HOME_IMAGES/carousel.jpg" alt=""></a>
        </div>
        <div class="item">
            <a href=""><img src="HOME_IMAGES/0.jpg" alt=""></a>
        </div>
        <div class="item">
            <a href=""><img src="HOME_IMAGES/01.jpg" alt=""></a>
        </div>
    </div>

  <!-- Controls -->
		<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>
<div class="large ">
	<div class="container">
		<div class="hdtxt row clearfix">
			<div class="col-md-12 col-xs-12 text-center hd-txt">
				<h2>全国最大的大学生创业团队！</h2>
				<P class="large-txt center-block">The largest unervisty team that work hard for starting a business with many friends who have the same dream!with many friends who have the same dream!</P>
				<a href="{:U('Index/about')}" class="btn btn-about">KONW MORE</a>
			</div>
			<div class="img-fit col-md-2 col-xs-6 wow fadeInLeft">
				<div class="fit-info">
					<a href="{:U('Index/about')}"><img src="HOME_IMAGES/1.jpg">
					<div class="info-txt text-center">
						<p>我们的文化</p>
					</div></a>
				</div>
			</div>
			<div class="img-fit col-md-2 col-xs-6 wow fadeInLeft">
				<div class="fit-info">
					<a href="{:U('Index/about')}"><img src="HOME_IMAGES/2.jpg">
					<div class="info-txt text-center">
						<p>平台特色</p>
					</div></a>
				</div>
			</div>
			<div class="img-fit col-md-2 col-xs-6 wow fadeInLeft">
				<div class="fit-info">
					<a href="{:U('Index/about')}"><img src="HOME_IMAGES/3.jpg">
					<div class="info-txt text-center">
						<p>奋斗之路</p>
					</div></a>
				</div>
			</div>
			<div class="img-fit col-md-5 col-xs-6 fourfit wow fadeInLeft">
				<div class="fit-info">
					<a href="{:U('Index/style')}"><img src="HOME_IMAGES/4.jpg">
					<div class="info-txt text-center">
						<p>我们的团队</p>
					</div></a>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="hope">
	<div class="container">
		<div class="hd-txt text-center">
			<h2>我们的愿景</h2>
			<p class="center-block">一个帮助企业去库存、拉动内需、促进供给侧改革、普惠用户的产品分享平台。
			</p>
		</div>
		<div class="row">
			<div class="col-md-6 col-xs-12 hope-img wow rotateInDownLeft">
				<img src="HOME_IMAGES/hope.jpg">
			</div>
			<div class="col-md-6 col-xs-12 hope-info  wow rotateInDownRight">
				<h3 class="text-center">共享购物平台</h3>
				<h5><span class="pull-right">----无差价乐享购物</span></h5>
				<p class="info-txt">
					将消费资本化，将零售数据化，通过移动云端将新零售形成‘线上+线下+物流’体系
					，岂可核心是以消费者为中心的会员、支付、库存、服务等方面数据的全面打通，
					会员消费不仅省钱还等挣钱。
				</p>
				<div class="pull-right">
				<a href="{:U('Index/about')}" class="btn btn-primary" >更多>></a></div>
			</div>
		</div>
	</div>
	<div class="container cooper mt60">
		<div class="row text-center">
			<div class="col-md-4 col-xs-12 wow fadeInUp">
				<a href="{:U('Index/contact')}">
					<img src="HOME_IMAGES/font-260.png">
					<div class="per-info">
						<h4>成为分销商</h4>
						<p>赚取丰厚提成，在家足不出户，躺着赚钱</p>
					</div>
				</a>
			</div>
			<div class="col-md-4 col-xs-12 wow zoomIn">
				<a href="{:U('Index/contact')}">
					<img src="HOME_IMAGES/font-274.png">
					<div class="per-info">
						<h4>合作厂家</h4>
						<p>销货更快捷，留客锁客</p>
					</div>
				</a>
			</div>
			<div class="col-md-4 col-xs-12 wow fadeInUp">
				<a href="{:U('Index/contact')}">
					<img src="HOME_IMAGES/font-vip.png">
					<div class="per-info">
						<h4>成为会员</h4>
						<p>成本价购物，从此不剁手</p>
					</div>
				</a>
			</div>
		</div>
	</div>
</div>
<div class="product">
	<div class="container">
		<div class="hd-txt text-center">
			<h2>平台商品展示</h2>
		</div>
		<div class="row">
			<div id="pro" class="carousel slide" data-ride="carousel">
  <!-- Wrapper for slides -->
			    <div class="carousel-inner lbt" role="listbox">
					<div class="item active clearfix">
						<ul>
											<volist name="goods1" id="vo">
											<li class="col-md-3 col-xs-3">
											
												<div class="thumbnail">
										            <img src="/{$vo.pic}" alt=""style="height:200px;">
											        <div class="caption">
												        
											            <p class="pro-name">{$vo.name}</p>
											            <p class="new-price">￥{$vo.price}</p>
											            <p class="old-price"><del>￥{$vo.rprice}</del></p>
											        </div>
										        </div>
											</li>
											</volist>
						</ul>
					</div>
					<div class="item clearfix">
						<ul>
						             <volist name="goods2" id="vo">
											<li class="col-md-3 col-xs-3">
												<div class="thumbnail">
										            <img src="{$vo.pic}" alt="" width="440px" height="440px">
											        <div class="caption">
												        <h3>名称</h3>
											            <p class="pro-name">{$vo.name}</p>
											            <p class="new-price">￥{$vo.price}</p>
											            <p class="old-price"><del>￥{$vo.rprice}</del></p>
											        </div>
										        </div>
										        
											</li>
											</volist>
											
						</ul>
					</div>
				</div>

  <!-- Controls -->
				<a class="left carousel-control" href="#pro" data-slide="prev">
    				<span class="glyphicon glyphicon-chevron-left"></span>
  				</a>
				  <a class="right carousel-control" href="#pro" data-slide="next">
				    <span class="glyphicon glyphicon-chevron-right"></span>
				  </a>
			</div>
			<div class="enter text-center">
				<a href="javascript:alert('正在维护中！');" class="btn btn-default">进入商城GO!</a>
			</div>
		</div>
	</div>
</div>
<div class="contact mt60">
	<div class="container">
		<div class="row">
			<div class="hd-txt text-center col-md-12 col-xs-12">
				<h2>联系我们</h2>
				<p class="center-block">如果你有想法，有能力，why not join us!?</p>
			</div>
			<div class="contact-content">
				<div class="map"><img src="HOME_IMAGES/map.jpg"></div>
				<div class="select">
					<div class="info-con ">
						<p>地址：<span>河南省洛阳市洛龙区洛阳理工<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;国家大学科技园E103--E106</span></p>
						<p>电话：<span>0379--60202127</span></p>
						<p>邮箱：<span>837874713@163.com</span></p>
						<h3 class="text-center">IF YOU HAVE A DREAM</h3>
						<H3 class="text-center">JOIN US!</H3>
						<H3 class="text-center">LET'S MAKE IT TRUE!</H3>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<footer>
	<div class="container">
	    <div class="row ad">
	    	<!-- <div class="weibo col-md-3 col-xs-6"><img src="HOME_IMAGES/weibo.jpg"></div> -->
			<div class="weixin col-md-4 col-xs-12"><img class="center-block" src="HOME_IMAGES/微信公众.jpg" ></div>
			<div class="friends col-md-6 col-xs-12">
				友情链接：
				<ul>
					<li><a href="">生生乳业</a></li>
					<li><a href="">崂山啤酒</a></li>
					<li><a href="">幸福狐狸</a></li>
					<li><a href="">银鸽</a></li>
					<li><a href="">小胖蜂蜜</a></li>
					<li><a href="">张弓白酒</a></li>
					<li><a href="">生生乳业</a></li>
					<li><a href="">惠尔康</a></li>
					<li><a href="">黛妃科技</a></li>
					<li><a href="">好怡佳</a></li>
					<li><a href="">黛富德</a></li>
				</ul>
			</div>
	    </div>
		
        <div class=" text-center">
            <P>Copyright © 2017.WOWYUN·China All rights reserved.<a href="{:U('Index/index')}">万物云联</a></P>
        </div>
    </div>
</footer>
<script src="HOME_JS/jquery.min.js"></script>
<script src="HOME_JS/bootstrap.min.js"></script>
<script src="HOME_JS/wow.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$(".img-fit").mouseover(function(){
		  $(".fourfit").removeClass('col-md-5').addClass('col-md-2');
		});
		$(".img-fit").mouseout(function(){
		  $(".fourfit").removeClass('col-md-2').addClass('col-md-5');
		});
	});
</script>
<script type="text/javascript">
	$(function(){
		new WOW().init();
	})
</script>
</body>
</html>